<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的战绩</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="css/member.css">
  <link rel="stylesheet" href="css/footer.css">
</head>

<body style="background: #abddfd;">
  <div class="container-fluid" style="padding: 0">
    <div class="top-wrap">
      <div class="ava-wrap">
        <img src="images/a.jpg" alt="">
        <p class="nickname">nickname,可领取
          <span>0</span>个奖品</p>
      </div>
      <div class="record-wrap">
        <div class="record-item">
          <p>
            <span>0</span> 次</p>
          <p>挑战机会</p>
        </div>
        <div class="record-item">
          <p>
            <span>0</span> 次</p>
          <p>已挑战</p>
        </div>
        <div class="record-item">
          <p>
            <span>0</span> 分</p>
          <p>最高分</p>
        </div>
      </div>
      <div class="btn-wrap">
        <div class="btn-shareRank">
          <a href="javascript:void(0)">
            <i class="fa fa-weixin"></i> 炫耀战绩</a>
        </div>
        <div class="btn-space"></div>
        <div class="btn-shareLife">
          <a href="javascript:void(0)">获得挑战机会</a>
        </div>
      </div>
    </div>

    <div class="btn-kefu-wrap">
      <div class="btn-kefu">
        <a href="javascript:void(0)">
          <i class="fa fa-headphones"></i> 客服微信：wechatid</a>
      </div>
    </div>

    <div class="more-wrap">
      <div class="moreGame-wrap">
        <div class="moreGame-text">
          <h3>小马过河</h3>
          <p>介绍文字</p>
        </div>
        <div class="moreGame-btn">
          <a href="javascript:void(0)">快去玩</a>
        </div>
      </div>
      <div class="moreGame-wrap">
        <div class="moreGame-text">
          <h3>小马过河</h3>
          <p>介绍文字</p>
        </div>
        <div class="moreGame-btn">
          <a href="javascript:void(0)">快去玩</a>
        </div>
      </div>
    </div>
    
    <div class="space-h"></div>

  </div>
    <footer class="footeritem-wrap">
      <div class="footeritem">
        <a href="index.html">
          <p style="margin: 0;">
            <i class="fa fa-thumbs-o-up"></i>
          </p>
          <p>我要挑战</p>
        </a>
      </div>
      <div class="footeritem footer-active">
        <a href="#">
          <p style="margin: 0;">
            <i class="fa fa-list-ol"></i>
          </p>
          <p>我的战绩</p>
        </a>
    
      </div>
    </footer>
</body>

</html>